@import './login';
@import './base';
@import './notice';
@import './vuebar';
@import './setting';
@import './issue';

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Liberation Sans","PingFang SC","Microsoft YaHei","Hiragino Sans GB","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,SimSun,"WenQuanYi Zen Hei Sharp",sans-serif;
}

#app {
  display: flex;
  flex-direction: column;
  height: 100vh;

  .window-drag-bar {
    flex-shrink: 0;
  }

  .notifications {
    flex: 1;
    min-height: 0;
  }
}

.scroll-top-shadow,
.scroll-bottom-shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 6px;
  display: none;

  &.is-show {
    display: block;
  }
}

.scroll-top-shadow {
  top: 0;
  box-shadow: rgba(#000000, 0.2) 0 6px 8px -6px inset;
}

.scroll-bottom-shadow {
  bottom: 0;
  box-shadow: rgba(#000000, 0.2) 0 -6px 8px -6px inset;
}

.scroll-top-shadow.scroll-bottom-shadow {
  box-shadow: rgba(#000000, 0.2) 0 6px 8px -6px inset,
    rgba(#000000, 0.2) 0 -6px 8px -6px inset;
}